<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>函数</title>
</head>
<body>
    
</body>
<script>
   //函数的声明
   function test(){
       console.log('测试');   
   }
   //函数的调用
   test();


//1.命名函数 (具名函数)
function add(a,b){
    console.log(a,b);
    return a+b;
}
//函数调用：实际参数个数 少于 形式参数
//从左到右接收参数，若没有接收到参数，则形参的值为undefined
console.log(add(1));

//函数调用：实际参数个数 等于 形式参数
//从左到右接收参数
console.log(add(2,6));


//函数调用：实际参数个数 多于 形式参数
//从左到右接收参数，多余的实参将会被忽略
console.log(add(2,3,5));

//2.匿名函数
let fun1 = function (){
    console.log('匿名函数被调用...');
    
};
fun1()

// 3.箭头函数
// 多个形参，一条代码语句
//let fun2 = (a,b) => {return a+b};
let fun2 = (a,b) => a+b;
let res = fun2(11,22);
console.log(res);

//常规写法
let fun3 = (a,b) => {
    console.log('求和');
    return a + b; 
}

//只有一个形参的写法：（）可以省略
//只有一条代码语句，写法：{return  }可以省略
let fun4 = a => a*a;
console.log(fun4(8));

//没有形参的写法：（）不可以省略
let fun5 = () => console.log('你好');
fun5();



</script>
</html>